﻿@model GPS.ENTITYS.ViewModelKetQuaTotNghiep
@using PagedList.Mvc;
@using GPS.Helpers;


@{
    ViewBag.Title = "Kết quả tốt nghiệp";
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>
<style>
    .table > thead {
        border: 1px solid #FF6600 !important;
        background-color: #F06F2B !important;
        color: white;
        align-items: center;
    }

        .table > thead > tr > th {
            color: #FCFFFF;
            cursor: pointer;
            white-space: nowrap;
            padding: 4px 6px 5px;
            border: 1px solid #F49462;
            overflow: hidden;
            font-weight: bold;
            text-align: center;
        }
</style>
<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Kết quả tốt nghiệp</h3>
    @using (Html.BeginForm("Index", "GPS_KetQuaTotNghiep", FormMethod.Get))
    {
        <div class="row">
            <div class="list-group">
                <input type="hidden" id="CheckUser" value="@ViewBag.checkuser" />
                <fieldset class="fs_body">
                    <legend class="head_title">Điều Kiện Tìm Kiếm</legend>
                    <div class="criteria_search">
                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Đơn vị đào tạo:
                            </div>
                            <div class="col-md-4">
                                @*@Html.TextBoxFor(model => model.pDVGTVT_MA, new { @class = "form-control", @id = "DVGTVT_MA" })*@
                                @Html.DropDownListFor(model => model.pDVGTVT_MA, (SelectList)ViewBag.DVGTVT_MAs, "---Lựa chọn--", new { @class = "form-control", @id = "DVGTVT_MA" })
                                <span id="rDataDVGTVT_MA" style="width:500px"></span>
                                @Html.ValidationMessageFor(model => model.pDVGTVT_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc tên đơn vị để hiển thị danh sách đơn vị </p>
                                </div>
                            </div>

                            <div class="col-md-2 control-label">
                                Khóa học:
                            </div>
                            <div class="col-md-4">
                                @*@Html.TextBoxFor(model => model.pKH_MA, new { @class = "form-control", @id = "KH_MA" })*@
                                @Html.DropDownListFor(model => model.pKH_MA, (SelectList)ViewBag.KH_MAs, string.Empty, new { @title = "form-control", @id = "KH_MA", @style = "font-weight:bold;width:300px" })
                                <span id="rDataHV_KH_MA" style="width:500px"></span>
                                @Html.ValidationMessageFor(model => model.pKH_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc tên khóa học để hiển thị danh sách khóa học </p>
                                </div>
                            </div>
                        </div>
                        <div class="row  margin-top-05">
                            <div class="col-md-2 control-label">
                                Số quyết định:
                            </div>
                            <div class="col-md-4">
                                @*@Html.TextBox("SoQD", null, new { @class = "form-control" })
                                    @Html.HiddenFor(model => model.pQD_ID, new { @class = "form-control", @id = "QD_ID" })*@
                                @Html.DropDownListFor(model => model.pQD_ID, (SelectList)ViewBag.DTTN_QDs, string.Empty, new { @class = "form-control", @title = "Vui lòng chọn tên khóa tốt nghiệp...", @id = "QD_ID", @style = "font-weight:bold" }) @*new { @class = "form-control", @id = "SO_QD_TN_dll" })*@
                                @Html.ValidationMessageFor(model => model.pQD_ID)
                            </div>
                        </div>
                    </div>

                    <div class="row margin-top-05">
                        <div class="col-lg-8">
                            <button type="submit" id="btnExportDanhSachHocVien" class="btn btn-primary btn-sm" name="ExportButton" title="In danh sách học viên dự tốt nghiệp" value="In danh sách học viên dự tốt nghiệp">
                                <i class='fa fa-file-excel-o'></i> Danh sách học viên dự tốt nghiệp
                            </button>
                            <button type="submit" id="btnExportDanhSachHocVien" class="btn btn-primary btn-sm" name="ExportButton" title="In danh sách học viên tốt nghiệp" value="In danh sách học viên tốt nghiệp">
                                <i class='fa fa-file-excel-o'></i> In danh sách học viên tốt nghiệp
                            </button>

                            <button type="submit" id="btnExportDanhSachHocVien" class="btn btn-primary btn-sm" name="ExportButton" title="In danh sách kết quả tốt nghiệp" value="In danh sách kết quả tốt nghiệp">
                                <i class='fa fa-file-excel-o'></i> In danh sách kết quả tốt nghiệp
                            </button>
                        </div>
                        <div class="col-lg-4">
                            @*<input list="browsers" style="float:left; width:150px !important;"  title="In danh sách học viên không đạt tốt nghiệp:" class="form-control" name="ExportButton">*@
                            <select id="browsers" class="form-control" name="ddlValueIn">
                                <option value=""></option>
                                <option value="Học viên trượt thi lý thuyết">Học viên trượt thi lý thuyết</option>
                                <option value="Học viên trượt thi thực hành">Học viên trượt thi thực hành</option>
                                <option value="Học viên vắng thi tốt nghiệp - Lý thuyết">Học viên vắng thi tốt nghiệp - Lý thuyết</option>
                                <option value="Học viên vắng thi tốt nghiệp - Thực hành hình">Học viên vắng thi tốt nghiệp - Thực hành hình</option>
                                <option value="Học viên vắng thi tốt nghiệp - Thực hành đường">Học viên vắng thi tốt nghiệp - Thực hành đường</option>
                                <option value="Học viên vắng thi tốt nghiệp - Chữ chi">Học viên vắng thi tốt nghiệp - Chữ chi</option>
                            </select>
                            <button style="float:left;" type="submit" id="btnExportFail" name="ExportButton" class="btn btn-primary btn-sm" value="In danh sách">
                                <i class='fa fa-file-excel-o'></i> In danh sách
                            </button>
                        </div>
                    </div>
                    <div class="row" style="clear:both; float:right;">
                        <button type="submit" class="btn btn-warning btn-sm" name="ExportButton" title="Tìm kiếm" value="Tìm kiếm">
                            <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                        </button>
                    </div>
                </fieldset>
            </div>
        </div>
    }

    <div class="row">
        <fieldset class="fs_body">
            <legend class="head_title">Kết quả tìm kiếm</legend>
            <div class="row divbtnFielset">
                <div style="float: right;">
                    <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label>
                </div>
            </div>
            <div class="row" style="clear:both; padding: 5px 0;">
                <table class="table table-hover table-bordered table-condensed">
                    <thead>
                        <tr>
                            <th rowspan="2" style="line-height: 42px;">
                                STT
                            </th>
                            <th rowspan="2" style="line-height: 42px;">
                                SBD
                            </th>
                            <th rowspan="2" style="line-height: 42px;">
                                Họ và tên
                            </th>
                            <th rowspan="2" style="line-height: 42px;">
                                Khóa học
                            </th>
                            <th rowspan="2" style="line-height: 42px;">
                                Ngày sinh
                            </th>
                            <th rowspan="2" style="line-height: 42px;">
                                Hộ khẩu thường chú
                            </th>
                            <th colspan="7">
                                Điểm thi tốt nghiệp
                            </th>
                            <th rowspan="2" style="line-height: 42px;">
                                Kết quả
                            </th>
                        </tr>
                        <tr>
                            <th>
                                LT
                            </th>
                            <th>
                                TH
                            </th>
                            <th>
                                TD
                            </th>
                            <th>
                                CC
                            </th>
                            <th>
                                TBC
                            </th>
                            <th>
                                TBTN
                            </th>
                            <th>
                                KTKH
                            </th>
                        </tr>
                    </thead>
                    @{
                        if (Model.SearchResults != null)
                        {
                            foreach (var item in Model.SearchResults)
                            {
                                <tr>
                                    <td align="center">
                                        @Html.DisplayFor(modelItem => item.STT)
                                    </td>
                                    <td align="center">
                                        @Html.DisplayFor(modelItem => item.HV_SBD)
                                    </td>
                                    <td align="left">
                                        @Html.DisplayFor(modelItem => item.HV_HOTEN)
                                    </td>
                                    <td align="left">
                                        @Html.DisplayFor(modelItem => item.KH_TEN)
                                    </td>
                                    <td align="center">
                                        @Html.DisplayFor(modelItem => (item.HV_NGAYSINH))
                                    </td>
                                    <td align="left">
                                        @Html.DisplayFor(modelItem => (item.HV_NOITT))
                                    </td>
                                    <td align="right">
                                        @Html.DisplayFor(modelItem => (item.DTTN_KQTN_LT))
                                    </td>
                                    <td align="right">
                                        @Html.DisplayFor(modelItem => (item.DTTN_KQTN_TH))
                                    </td>
                                    <td align="right">
                                        @Html.DisplayFor(modelItem => (item.DTTN_KQTN_TD))
                                    </td>
                                    <td align="right">
                                        @Html.DisplayFor(modelItem => (item.DTTN_KQTN_CC))
                                    </td>
                                    <td align="right">
                                        @Html.DisplayFor(modelItem => (item.DTTN_KQTN_TBC))
                                    </td>
                                    <td align="right">
                                        @Html.DisplayFor(modelItem => (item.DTTN_KQTN_TB))
                                    </td>
                                    <td align="right">
                                        @Html.DisplayFor(modelItem => (item.DTTN_KQTN_TKKH))
                                    </td>
                                    <td align="left">
                                        @Html.DisplayFor(modelItem => (item.HV_KETQUA))
                                    </td>
                                </tr>
                            }
                        }
                    }

                </table>
            </div>

            <div class="pagination-sm row" style="clear:both; padding: 5px 0;">
                @{
                    if (Model.SearchResults!=null)
                    {
                        @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
                       {
                           page,
                           Model.pDVGTVT_MA,
                           Model.pQD_ID,
                           Model.ExportButton
                       }))
                    }
                    
                }
            </div>
        </fieldset>
    </div>

</div>
<div id="wait" style="display: none; position:absolute; top: 10%; right: 10%; padding: 2px; z-index: 99999">
    <img src="~/fonts/images/loading16.gif" width="65" height="65" />
</div>

<link href="~/Scripts/select2.css" rel="stylesheet" />
<link href="~/Scripts/select2.min.css" rel="stylesheet" />
<script src="~/Scripts/select2.js"></script>

<script>
    $(document).ready(function () {
        var _var = $("#CheckUser").val();
        //if (_var != '40' && _var != null && _var != "") {
        //    $("#DVGTVT_MA").attr("disabled", "disabled");
        //}

        $("#SoQD").prop("readonly", true);
        $("#btnExport").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in quyết định. Bạn phải điền khóa học!");
                return false;
            } else {
                return true;
            }
        });

        $("#btnExport").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in quyết định. Bạn phải điền khóa học!");
                return false;
            } else {
                return true;
            }
        });

        $("#btnExportFail").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in danh sách. Bạn phải điền khóa học!");
                return false;
            } else {
                return true;
            }
        });

        var pageSize = 20;
        var optionListUrl = '@Url.Action("Select2KH_MA", "GPS_Ajax")';

        $('#KH_MA').select2(
                {
                    ajax: {
                        delay: 50,
                        url: optionListUrl,
                        dataType: 'json',

                        data: function (params) {
                            /// params.page = params.page || 1;
                            return {
                                searchTerm: params.term,// + "#" + $("#DVGTVT_MA").val(),
                                dvgtvt_ma: $("#DVGTVT_MA").val()
                                //pageNumber: params.page results: JSON.parse(data)
                            };
                        },
                        processResults: function (data, params) {

                            return {
                                results: data.Results
                            };
                        }
                    },
                    placeholder: "-- Chọn khóa học --",
                    minimumInputLength: 2,
                    allowClear: true,
                    language: { inputTooShort: function () { return 'Nhập lớn hơn 2 ký tự để tìm kiếm khóa học'; } }
                });

        $("#DVGTVT_MA").on("change", function () {

            $("#wait").attr("style", "display:block;position:absolute;top:40%;left:50%;padding:2px; z-index:99999");

            $.ajax({
                url: '@Url.Action("getQDTN_MAs", "GPS_KetQuaTotNghiep")',
                type: 'post',
                data: {
                    ma_DVGT: $('#DVGTVT_MA').val()
                }
            }).done(function (response) {
                // alert(response);
                var a = '<option value></option>' + response;   // defaut value
                $("#QD_ID").html(a);

                $("#wait").attr("style", "display:none;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");
            });


        });

        //$("#DVGTVT_MA").autocomplete({
        //    source: function (request, response) {
        //        $.ajax({
        //            url: "/GPS_KhoaHoc/AutoCompleteDVGTVT_MA",
        //            type: "POST",
        //            dataType: "json",
        //            data: { term: request.term },
        //            success: function (data) {
        //                response($.map(data, function (item) {
        //                    return { label: item.DVGTVT_TEN, value: item.DVGTVT_MA + ':' + item.DVGTVT_TEN };
        //                }))
        //            }
        //        })
        //    },
        //    change: function (event, ui) {
        //        $('#KH_MA').val("");
        //    },
        //    messages: {
        //        noResults: "", results: ""
        //    }
        //}).click(function () {
        //    $(this).val("");
        //    $('#KH_MA').val("");
        //    $(this).autocomplete("search");
        //});

        //$("#KH_MA").autocomplete({
        //    source: function (request, response) {
        //        $.ajax({
        //            url: "/GPS_DT_TN_PhanCong/AutoCompleteKH_MA",
        //            type: "POST",
        //            dataType: "json",
        //            data: {
        //                term: request.term,
        //                dvgtvt_ma: $("#DVGTVT_MA").val()
        //            },
        //            minLength: 2,
        //            delay: 200,
        //            success: function (data) {
        //                response($.map(data, function (item) {
        //                    return {
        //                        label: item.DDTTN_QD_TENKHOA, value: item.ID + ':' + item.DDTTN_QD_SO_QD
        //                    };
        //                }))
        //            }
        //        })
        //    },
        //    select: function (event, ui) {
        //        event.preventDefault();
        //        $(this).val(ui.item.label);
        //        var _value = ui.item.value;
        //        var _SoQD = _value.substring(_value.indexOf(":") + 1, _value.length);
        //        $("#SoQD").val(_SoQD);
        //        $("#QD_ID").val(_value.substring(0, _value.indexOf(":")));
        //        $("#SoQD").prop("readonly", true);
        //    },
        //    focus: function (event, ui) {
        //        event.preventDefault();
        //        $(this).val(ui.item.label);
        //        var _value = ui.item.value;
        //        var _SoQD = _value.substring(_value.indexOf(":") + 1, _value.length);
        //        $("#SoQD").val(_SoQD);
        //        $("#QD_ID").val(_value.substring(0, _value.indexOf(":")));
        //        $("#SoQD").prop("readonly", true);
        //    },
        //}).click(function (event, ui) {
        //    var _val = $("#DVGTVT_MA").val();
        //    if (_val == "" || _val == null) {
        //        alert('CHÚ Ý: Bạn muốn tìm kiếm khóa học. Bạn phải nhập mã/tên đơn vị đào tạo!!!');
        //    }
        //    else {
        //        $(this).val("");
        //        $("#SoQD").val("");
        //        $("#QD_ID").val("");
        //        $(this).autocomplete("search");
        //    }
        //});
    })
</script>


